<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>投票练习</title>
</head>

<body>
<h3>投票</h3>
<div>
	<span>当前票数是：</span><span id="piaoshu">10000</span>&nbsp;&nbsp;<input type="button" value="加一票" onclick="toupiao()" />
</div>

<div>
	<span>当前票数是：</span><span id="piaoshu2" num="0">10000</span>&nbsp;&nbsp;<input type="button" value="加一票" onclick="toupiao2()" />
</div>
</body>
<script type="text/javascript">
var num = 0;//一般不采用全局变量，因为破坏性大（全局变量是作用在整个脚本，所以很容易有命名冲突，尽量使用局部变量，破坏性小）
function toupiao(){
	
	var piaoshu = document.getElementById('piaoshu');	
	
	if(num == 0){		
		piaoshu.innerHTML++;
		num = 1;
		alert("谢谢您的投票");
	}else{
		alert("您已经投过票");	
	}
	
}

//使用属性
function toupiao2(){
	
	var piaoshu2 = document.getElementById('piaoshu2');	
	
	//获取一个自定义属性 num =》做判断
	var num = piaoshu2.getAttribute('num');
	
	if(num == 0){
		
		//投票时候改变属性的值 
		piaoshu2.setAttribute('num',1);
		piaoshu2.innerHTML++;
		alert("谢谢您的投票");
	}else{
		
		alert("您已经投过票");	
	}
	
	

}


</script>
</html>
